<!DOCTYPE html>
<html lang="en">
<head> 
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<title>客户画像</title>
    <link rel="stylesheet" href="/static/wework/h5/css/public.css">
	<link rel="stylesheet" href="/static/wework/h5/css/weui.min.css">
	<link rel="stylesheet" href="/static/wework/h5/css/jquery-weui.min.css">
	<style type="text/css">
		html{
			height: 100%;
			overflow: hidden; 
		}
		body{
			height: 100%;
			overflow: hidden;
			background: #fafafa;
			position: relative;
		}
		.portrait_page_container{
			/*height: calc(100% - 1px);*/
			height:100%;
			overflow-y: auto;
			overflow-x: hidden;
		}
		.portrait_header_container{
			background: #fff;
			padding: 12px 0;
			margin-bottom: 10px;	
		}
		.portrait_header_content{
			background: #f5f8fb;
			margin: 0 12px;
			padding: 12px;
			border-radius: 3px;
		}
		.portrait_headerInfo_container{
			display: flex;
		}
		.portrait_headerInfo_container img{
			width: 35px;
			height: 35px;
			margin-right: 12px;
			border-radius: 50%;
		}
		.portrait_headerInfo_content{
			flex:1;
		}
		.portrait_headerInfoTop_container{
			display: flex;
			align-items: center;
		}
		.portrait_headerInfoTop_container h3{
			font-weight: bold;
			font-size: 14px;
			color: #000;
		}
		.portrait_headerInfoTop_container span{
			font-size: 13px;
			color: #76c465;
			margin-left: 5px;
		}
		.portrait_headerInfoBottom_container{
			display: flex;
			justify-content: space-between;
		}
		.portrait_headerInfoBottom_Sex_container{

		}
		.portrait_headerInfoBottom_Sex_container svg{
			width: 16px;
			height: 16px;
			display: block;
		}
		.portrait_headerInfoBottom_time_container{
			display: flex;
			align-items: center;
		}
		.portrait_headerInfoBottom_time_container svg{
			width: 15px;
			height: 15px;
			display: block;
		}
		.portrait_headerInfoBottom_time_container span{
			font-size: 13px;
			margin-left: 2px;
			color: #78797a;
		}
		.portrait_headerDetail_container{
			padding-top: 10px;
		}
		.portrait_headerEditDetail_content{
			overflow: hidden;
			padding-bottom: 10px;
		}
		.portrait_headerEditDetail_content li{
			display: flex;
			align-items: center;
			padding-top: 10px;
		}
		.portrait_headerEditDetail_content span{
			font-size: 14px;
			color: #59595a;
			width: 100px;
			min-width: 100px;
		}
		.portrait_headerEditDetailInput{
			flex: 1;
			padding: 3px 10px;
			border: 1px solid #ececec;
			background: #fff;
			border-radius: 2px;
			display: flex;
			align-items: center;
		}
		.portrait_headerEditDetailInput input{
			font-size: 14px;
			color: #111;
			outline: none;
			appearance: none;
			flex: 1;
			border: none;
			line-height: 22px;
			background: #fff url(http://weidogstest.oss-cn-beijing.aliyuncs.com/66d97c33652eb57968a90b098579ced5.png)no-repeat right center/10px 10px;
		}
		.portrait_headerDetail_content{
			overflow: hidden;
			border-bottom: 1px dashed #ececec;
			padding-bottom: 10px;
		}
		.portrait_headerDetail_content li{
			display: flex;
			width: calc(50% - 10px);
			float: left;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			padding-right: 10px;
			padding-bottom: 5px;
		}
		.portrait_headerDetail_content li span{
			font-size: 14px;
			color: #59595a;
			width: 42px;
			min-width: 42px;
		}
		.portrait_headerDetail_content b{
			font-size: 14px;
			color: #111;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.portrait_headerDetailEdit_content b{
			font-size: 14px;
			/*color: #777;*/
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.portrait_headerDetailEdit_content svg{
			padding-left: 5px;
		}
		.portrait_headerDetailEdit_content{
			display: flex;
			align-items: center;
			overflow: hidden;
		}
		.portrait_headerDetailEdit_contente b{
			font-size: 14px;
			color: #777;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.portrait_headerDetailEdit_contente svg{
			padding-left: 5px;
		}
		.portrait_headerDetailEdit_contente{
			display: flex;
			align-items: center;
			overflow: hidden;
		}
		.portrait_headerDetailEdit_contents b{
			font-size: 14px;
			color: #777;
		}
		.portrait_headerDetailEdit_contents svg{
			padding-left: 5px;
		}
		.portrait_headerDetailEdit_contents{
			display: flex;
			align-items: center;
			overflow: hidden;
			flex: 1;
		}
		.public_select_container{
			flex: 1;
			display: flex;
			border: 1px solid #ececec;
			overflow: hidden;
			padding-right: 5px;
			background: #fff;
			max-width: 110px;
		}	
		.public_select_container select{
			outline: none;
			appearance: none;
			box-sizing: border-box;
			/*background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/66d97c33652eb57968a90b098579ced5.png)no-repeat center right/10px 10px;*/
			border: none;
			padding-right: 15px;
			padding-left: 10px;
			height: 20px;
			line-height: 20px;
			width: 100%;
		}
		/*标签*/
		.portrait_LableMain_container{
			background: #fff;
			padding: 7px 15px;
			margin-bottom: 10px;
		}
		.portrait_companyLable_content{
			display: flex;
			align-items: center;
		}
		.portrait_companyLable_content span{
			font-size: 14px;
			color: #626262;
			border-left: 3px solid #438fd7;
			line-height: 16px;
			padding-left: 10px;
		}
		.portrait_companyLable_content b{
			font-size: 14px;
			color: #686868;
			border: 1px solid #ededed;
			padding: 3px 8px;
			border-radius: 5px;
		}
		/*.portrait_companyLable_container{
			border-bottom: 1px dashed #d8d8d8;
		}*/
		.portrait_companyLable_list{
			display: flex;
			padding-top: 8px;
			flex-direction: column;
		}
		.portrait_companyLable_list span{
			font-size: 13px;
			color: #626262;
			margin-bottom: 10px;
		}
		.portrait_companyLable_list ul{
			overflow: hidden;
			flex: 1;
		}
		.portrait_companyLable_list ul li{
			float: left;
			font-size: 14px;
			color: #686868;
			border: 1px solid #cde8ff;
			padding: 3px 8px;
			border-radius: 5px;
			margin-right: 5px;
			background: #f7fbff;
			margin-bottom: 5px;
		}
		.portrait_peopleLable_container{
			padding-top: 8px;
			padding-bottom: 8px;
		}
		/*动态*/
		.portrait_track_container{
			background: #fff;
			padding-bottom: 60px;
		}
		.portrait_trackNav_container{
			overflow: hidden;
			border-bottom: 1px solid #eee;
			padding: 10px 10px 0px 10px;
		}
		.portrait_trackNav_container li{
			padding: 0 5px 5px 5px;
			float: left;
			font-weight: bold;
			font-size: 14px;
			color: #000;
			border-bottom: 2px solid #fff;
		}
		.portrait_trackNav_active{
			border-bottom: 2px solid #438df7 !important;
			color: #438fd7 !important;
		}
		.portrait_track_content{
			padding: 0 12px;
			position: relative;
		}
		.portrait_trackListDate_container{
			display: flex;
			padding-bottom: 2px;
		}
		.portrait_trackListDate_container p{
			font-size: 16px;
			color: #000;
			font-weight: bold;
			width: 58px;
			overflow: hidden;
			padding-top: 10px;
		}
		.portrait_trackListDate_right_container{
			flex: 1;
			border-left: 1px dashed #d4d4d4;
			padding-left: 12px;
			padding-top: 10px;
		}
		.portrait_trackListTime_container{
			display: flex;
		}
		.portrait_trackListTime_right_container{
			flex: 1;
			border-left: 1px dashed #d4d4d4;
			padding-left: 12px;
		}
		.portrait_trackListTime_container p{
			color: #818181;
			font-size: 14px;
			width: 58px;
			overflow: hidden;
		}
		.portrait_trackListTime_rightTop_container{
			display: flex;
			align-items: center;
			position: relative;
			left: -20px;
		}
		.portrait_trackListTime_rightTop_container span{
			color: #000;
			font-weight: bold;
			font-size: 14px;
			flex: 1;
			padding-left: 2px;
		}
		.portrait_trackListTime_rightTop_container svg{
			
		}
		.portrait_trackListTime_rightbottom_container{
			display: flex;
			align-items: center;
			padding: 10px 5px;
			background: #f9f9f9;
			border-radius: 2px;
			flex-wrap: wrap;
		}
		.portrait_trackListTime_rightbottom_container img{
			width: 20px;
			height: 20px;
			border-radius: 50%;
			padding: 0 3px;
		}
		.portrait_trackListTime_rightbottom_container span{
			font-size: 13px;
			color: #6e7a8e;
			padding: 0 3px;
		}
		.portrait_trackScreen_contaienr{
			position: absolute;
			right: 20px;
			top: 10px;
		}
		.portrait_trackScreen_contaienr input{
			outline: none;
			appearance: none;
			border: 1px solid #ebebeb;
			padding-left: 10px;
			padding-right: 20px;
			border-radius: 5px;
			width: 90px;
			height: 27px;
			line-height: 27px;
			background: #fff;
			color: #888;
		}
		.portrait_trackScreen_contaienr svg{
			position: absolute;
			top: 10px;
			right: 10px;
		}
		/*底部导航*/
		.footer_nav_container{
		  /*position: fixed;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  border-top: 1px solid #ececec;
		  box-shadow: 0px 0px 3px #ececec;
		  background: #fff;
		  z-index: 999999;*/
		  border-top: 1px solid #ececec;
		  box-shadow: 0px 0px 3px #ececec;
		  background: #fff;
		  height: 58px;
		}
		.footer_nav_content{
		  display: flex;
		  align-items: center;
		}
		.footer_nav_container li{
		  flex: 1;
		  padding: 10px 0;
		  list-style: none;
		}
		.footer_nav_container a{
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  flex-direction: column;
		}
		.footer_nav_container li svg{
		  width: 16px;
		  height: 16px;
		  margin-bottom: 3px;
		}
		.footer_nav_container li span{
		  font-size: 12px;
		  color: #5a5a5a;
		}
		/*底部弹窗*/
		.publicPopup_container{
			background: #fff;
		}
		.publicPopup_title_container{

		}
		.publicPopup_title_container h3{
			font-size: 15px;
			color: #111;
			padding: 12px;
			font-weight: bold;
			text-align: center;
			border-bottom: 1px solid #ececec;
		}
		.publicPopup_main_container{
			padding: 20px;
		}
		.publicPopup_main_content{

		}
		.publicPopup_mainTextarea_container{
			display: flex;
		}
		.publicPopup_mainTextarea_container textarea{
			border: 1px solid #ececec;
			background: #fafafa;
			color: #9d9d9d;
			height: 130px;
			border-radius: 4px;
			flex:1;
			padding: 15px;
			resize: none; 
			font-size: 14px;
			color: #777;
			line-height: 20px;
			box-shadow: none;
		}
		.publicPopup_mainTime_container{
			margin-top: 15px;
			border: 1px solid #ececec;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 145px;
			border-radius: 4px;
			padding: 10px 15px;
		}
		.publicPopup_mainTime_container input{
			outline: none;
			appearance: none;
			border: none;
			background: #fff;
			font-size: 14px;
			color: #777;
			flex:1;
			width: 100%;
			background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/3ea1106b35891e3e3f07e9fc5db46bc7.png)no-repeat center right;
		}
		.publicPopup_mainTime_container svg{
			fill: #999;
			width: 18px;
			height: 18px;
		}
		.publicPopup_submit_container{
			display: flex;
			padding: 15px;
			border-top: 1px solid #ececec;
		}
		.publicPopup_submit_container button{
			flex:1;
			background: #438ef7;
			color: #fff;
			text-align: center;
			padding: 12px;
			border: none;
			outline: none;
			appearance: none;
			border-radius: 4px;
			font-size: 14px;
		}
		/*添加跟进*/
		.publicPopup_tabs_container{

		}
		.publicPopup_tabs_content{
			overflow: hidden;
			list-style: none;
			padding-top: 5px;
			margin-bottom: 5px;
		}
		.publicPopup_tabs_content li{
			width: 60px;
			border-bottom: 1px solid #fff;
			color: #767676;
			font-size: 14px;
			text-align: center;
			float: left;
			margin-left: 20px;
			padding: 5px 0;
			cursor: pointer;
		}
		.publicPopup_tabsActive{
			border-bottom: 1px solid #438ef7!important;
			color: #438ef7!important;
		}
		.popupAddFollow_container{

		}
		.popupAddFollow_Title_container{
			margin-bottom: 10px;
			display: flex;
			align-items: center;
		}
		.popupAddFollow_Title_container span{
			color: #767676;
			font-size: 14px;
		}
		.popupAddFollow_Title_container b{
			font-size: 14px;
			color: #438ef7;
			font-weight: 400;
			margin-left: 10px;
			cursor: pointer;
		}
		.popupAddFollow_Title_content{
			margin-left: 10px;
			flex:1;
			display: flex;
			align-items: center;
		}
		.popupAddFollow_Title_content input{
			flex:1;
			border: 1px solid #ececec;
			border-radius: 4px;
			padding: 10px 15px;
			outline: none;
			appearance: none;
		}
		.popupAddFollow_Title_content span{
			font-size: 14px;
			color: #555;
			margin-left: 10px;
		}
		.popupAddFollow_selectEvent_container{
			display: flex;
			border: 1px solid #ececec;
			border-radius: 4px;
			padding: 10px 15px;
			margin-bottom: 10px;
			background: #fff;
		}
		.popupAddFollow_selectEvent_container select{
			outline: none;
			appearance: none;
			border: none;
			flex: 1;
			background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/66d97c33652eb57968a90b098579ced5.png)no-repeat center right/15px 15px;
			font-size: 14px;
		}
		.popupAddFollow_selectEven_container{
			height: 20px;
			padding: 1px 5px;
			flex: 1;
			border: 1px solid #ececec;
			background: #fff;
			border-radius: 2px;
			display: flex;
			align-items: center;
		}
		.popupAddFollow_selectEven_container input{
			font-size: 11px;
 			width: 100%;
			color: #111;
			outline: none;
			appearance: none;
			border: none;
			line-height: 22px;
			background: #fff url(http://weidogstest.oss-cn-beijing.aliyuncs.com/66d97c33652eb57968a90b098579ced5.png)no-repeat right center/10px 10px;
		}
		.popupAddFollow_selectEven_container select::-ms-expand {
			display: none; 
		}
		.popupAddFollow_selectEven_container option{
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.popupAddFollow_addScore_container{
			margin-top: 10px;
		}
		.popupAddFollow_addScoreShow_container{

		}
		.popupAddFollow_addScorePublicTitle_container{
			display: flex;
			align-items: center;
			cursor: pointer;
		}
		.popupAddFollow_addScorePublicTitle_container svg{
			width: 16px;
			height: 16px;
		}
		.popupAddFollow_addScorePublicTitle_container span{
			font-size: 14px;
			color: #438ef7;
			margin-left: 3px;
		}
		.popupAddFollow_addScoreHide_container{

		}
		.popupAddFollow_addScoreHideMain_container{
			display: flex;
			align-items: center;
		}
		.popupAddFollow_addScoreHideMain_container p{
			color: #595959;
			font-size: 14px;
			margin-right: 5px;
		}
		.popupAddFollow_addScoreHideMain_container input{
			outline: none;
			appearance: none;
			border-radius: 4px;
			border: 1px solid #ececec;
			color: #595959;
			font-size: 14px;
			height: 30px;
			line-height: 30px;
			width: 30px;
			padding: 0 10px;
			background: #fff;
		}
		.popupAddFollow_addScoreHideMain_container span{
			border: 1px solid #ececec;
			color: #595959;
			font-size: 14px;
			height: 30px;
			line-height: 30px;
			width: 30px;
			display: block;
			text-align: center;
			border-radius: 4px;
			background: #fafafa;
		}
		/*版权信息*/
		.public_copyright_container{
		  
		}
		.public_copyright_content{
		  position: relative;
		  margin: 30px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/0d118b616ad13e1f874e458c8310be76.png)no-repeat center center;
		}
		.public_copyright_content p{
		  background: #fafafa;
		  font-size: 13px;
		  color: #999;
		  line-height: 17px;
		  text-align: center;
		  padding: 0 5px;
		}
		/*上传图片*/
		.public_upLoadImg_container{
		  padding-top: 10px;
		}
		.public_upLoadImg_content{
		  display: flex;
		  align-items: center;
		  flex-wrap: wrap;
		}
		.public_upLoadImg_content li{
		  width: 80px;
		  height: 80px;
		  margin: 0 10px 10px 0;
		  position: relative;
		}
		.public_upLoadImg_content li img:first-child{
		  width: 80px;
		  height: 80px;
		  display: block;
		}
		.public_upLoadImg_content li img:last-child{
		  position: absolute;
		  top: -5px;
		  right: -5px;
		  width: 15px;
		  height: 15px;
		}
		.upload-file{
		  width: 80px;
		  height: 80px;
		  appearance: none;
		  outline: none;
		  background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/7ba0ec3b9254fff11a7c9d48dc6a57f6.png)no-repeat 50%/100% 100%;
		  display: block;
		}
		.public_upLoadImg_content li input{
		  width: 100%;
		  height: 100%;
		  opacity: 0;
		}
		/*新加的上传图片*/
		.layui-upload-img-body{
			width: 92px;
			height: 92px;
			cursor: pointer;
			margin: 9px;
		}
	  .fixed_picture_content{
	  	width: 100%;
	  	display: flex;
	  	align-items: center;
	  	justify-content: center;
	  }
	  .fixed_picture_content img{
	  	width: 100%;
	  	display: block;
	  	margin: 0 auto;
	  }
	  .fixed_picture_container{
	  	position: fixed;
	  	top: 0;
	  	bottom: 0;
	  	left: 0;
	  	right: 0;
	  	background: rgb(0 0 0 / 42%);
	  	display: none;
	  	justify-content: center;
	  	align-items: center;
	  	z-index: 10;
	  }
	</style>
</head>
<body>
	<div class="portrait_page_container">
		<div class="portrait_header_container">
			<div class="portrait_header_content">
				<div class="portrait_headerInfo_container">
					<img src="{$customer['avatar']}">
					<div class="portrait_headerInfo_content">
						<div class="portrait_headerInfoTop_container">
							<h3>{$customer['name']}</h3>
							<span>{$customer['type'] == 1?'@微信':'@企业'}</span>
						</div>
						<div class="portrait_headerInfoBottom_container">
							<div class="portrait_headerInfoBottom_Sex_container">
							{if $customer['gender'] == 2}
								<!-- 女 -->
								<svg fill="#ff9696" t="1597657593140" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2762" width="40" height="40"><path d="M571.530431 277.891766c-94.333282 0-171.026713 76.624794-171.026713 171.030325 0 94.264644 76.624794 171.030325 171.026713 171.030326 94.264644 0 171.030325-76.765681 171.030325-171.030326 0-94.333282-76.765681-171.030325-171.030325-171.030325z" p-id="2763"></path><path d="M773.888379 33.343399h-523.812883c-119.66415 0-216.714034 97.013759-216.714034 216.750159v523.812884c0 119.66415 97.049884 216.750159 216.714034 216.750159h523.812883c119.7364 0 216.750159-97.086009 216.750159-216.750159v-523.812884c0-119.7364-97.017371-216.750159-216.750159-216.750159z m-202.357948 659.567121c-60.112044 0-115.148522-21.942341-157.761603-58.139618l-35.138813 35.138814 57.644705 57.716954-51.575701 51.507063L327.054315 721.416778l-66.816849 66.889099-51.647951-51.5757 66.816849-66.816849-61.033232-61.10187 51.64795-51.507062 60.960982 61.033232 38.805504-38.736866c-24.131518-37.887928-38.310591-82.693798-38.310591-130.671446 0-134.623524 109.433543-243.984816 243.984817-243.984816s244.057066 109.361293 244.057066 243.984816c-0.003613 134.475411-109.437155 243.981204-243.988429 243.981204z" p-id="2764"></path></svg>
							{else}
								<!-- 男 -->
								<svg fill="#75ddff" t="1597657598618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2896" width="40" height="40"><path d="M560.931348 402.638707c-89.22159 0-161.858181 72.604078-161.858181 161.789544 0 89.254103 72.636591 161.858181 161.858181 161.858181 89.254103 0 161.822056-72.604078 161.822056-161.858181 0-89.257715-72.567953-161.789543-161.822056-161.789544z" p-id="2897"></path><path d="M773.906442 33.343399h-523.812884c-119.700275 0-216.750159 97.013759-216.750159 216.750159v523.812884c0 119.66415 97.049884 216.750159 216.750159 216.750159h523.812884c119.700275 0 216.750159-97.086009 216.750159-216.750159v-523.812884c0-119.7364-97.049884-216.750159-216.750159-216.750159z m-212.902844 769.491964c-131.520384 0-238.5191-106.893953-238.519099-238.410725 0-52.565526 17.181063-100.969449 46.037733-140.338502L301.246596 356.774374v86.927651H224.657927V221.023749h223.523601v76.624794H350.564482l72.495703 72.531828c39.018641-27.798208 86.537501-44.310957 137.939801-44.310957 131.412009 0 238.410725 107.034841 238.410725 238.555224 0.003613 131.516771-106.995103 238.410725-238.407113 238.410725z" p-id="2898"></path></svg>
							{/if}
							</div>
						</div>
					</div>
				</div>
				<div class="portrait_headerDetail_container">
					<ul class="portrait_headerDetail_content">
						{if $customer["add_way"]}
						<li>
							<span>来源：</span>
							<b>{$customer["add_way"]}</b>
						</li>
						{/if}
						{if in_array("性别",$setfield)}
						<li>
							<span>性别：</span>
							<b>{if $customer["gender"] == 1}男{elseif $customer["gender"] == 2}女{else}未知{/if}</b>
						</li>
						{/if}
						{if in_array("时间",$setfield)}
						<li>
							<span>时间：</span>
							<b>{$customer["createtime"]}</b>
						</li>
						{/if}
						{if in_array("年龄",$setfield)}
						<li class="portrait_headerDetailEdit_content"  data-name="age" data-id="{$customer['id']}" data-classa="年龄" data-inp="{$customer['age']}">
							<span>年龄：</span>
							<b>{$customer["age"]?$customer["age"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("电话",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="mobiles" data-id="{$customer['id']}" data-classa="手机号" data-inp="{$customer['remark_mobiles']}">
							<span>电话：</span>
							<b>{$customer["remark_mobiles"]?$customer["remark_mobiles"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("邮箱",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="email" data-id="{$customer['id']}" data-classa="邮箱" data-inp="{$customer['email']}">
							<span>邮箱：</span>
							<b>{$customer["email"]?$customer["email"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("生日",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="birthday" data-id="{$customer['id']}" data-classa="生日" data-inp="{$customer['birthday']}">
							<span>生日：</span>
							<b>{$customer["birthday"]?$customer["birthday"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("微博",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="weibo" data-id="{$customer['id']}" data-classa="微博" data-inp="{$customer['weibo']}">
							<span>微博：</span>
							<b>{$customer["weibo"]?$customer["weibo"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("qq",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="qq" data-id="{$customer['id']}" data-classa="QQ" data-inp="{$customer['qq']}">
							<span>qq：</span>
							<b>{$customer["qq"]?$customer["qq"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("地址",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="address" data-id="{$customer['id']}" data-classa="地址" data-inp="{$customer['address']}">
							<span>地址：</span>
							<b>{$customer["address"]?$customer["address"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("描述",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="描述" data-id="{$customer['id']}" data-inp="{$customer['description']}">
							<span>描述：</span>
							<b>{$customer["description"]?$customer["description"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("企业",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="企业" data-id="{$customer['id']}" data-inp="{$customer['corp_name']}">
							<span>企业：</span>
							<b>{$customer["corp_name"]?$customer["corp_name"]:'未知'}</b>
						</li>
						{/if}
						{if in_array("职位",$setfield)}
						<li class="portrait_headerDetailEdit_content" data-name="职位" data-id="{$customer['id']}" data-inp="{$customer['position']}">
							<span>职位：</span>
							<b>{$customer["position"]?$customer["position"]:'未知'}</b>
						</li>
						{/if}
					</ul>
					
					<ul class="portrait_headerEditDetail_content" style="padding-top: 10px;">
						{foreach $setfield_list as $setfields}
						<li>
						<span>{$setfields["name"]}：</span>
							{if $setfields["attr"] == 2}
							    {if $setfields['status'] == 1}
    								<div class="portrait_headerEditDetailInput">
    									<input readonly="readonly" type="text" class='SelectPicker' data-content='{$setfields["content"]}' data-id="{$setfields['id']}" data-wid="{$customer['wid']}" data-external_userid="{$external_userid}" data-staff_id="{$staff_id}" placeholder="请点击选择~" value="{$setfields['value']}">
    								</div>
    							{else}
    							    <div class="portrait_headerEditDetailInput">
    									<input readonly="readonly" type="text" class='SelectPicker' data-content='{$setfields["content"]}' data-id="{$setfields['id']}" data-wid="{$customer['wid']}" data-external_userid="{$external_userid}" data-staff_id="{$staff_id}" placeholder="请点击选择~">
    								</div>
    							{/if}
							{else}
							    {if $setfields['status'] == 1}
    								<div class="portrait_headerEditDetailInput">
    									<input readonly="readonly" type="text" data-id="{$setfields['id']}" class='text_upd'  data-vals='{$setfields["value"]}' value='{$setfields["value"]}' data-external_userid="{$external_userid}" data-staff_id="{$staff_id}" data-wid="{$customer['wid']}" placeholder="请点击选择~" >
    								</div>
							    {else}
							        <b class="text_upd" data-id="{$setfields['id']}" data-vals=""  data-external_userid="{$external_userid}" data-staff_id="{$staff_id}" data-wid="{$customer['wid']}" >暂无</b>
							    {/if}
							{/if}
						</li>
						{/foreach}
					</ul>
				</div>
			</div>
		</div>
		<!-- 标签 -->
		<div class="portrait_LableMain_container">
			<div class="portrait_peopleLable_container">
				<div class="portrait_peopleLable_content portrait_companyLable_content">
					<span>企业标签</span>
				</div>
				
				<div class="portrait_companyLable_list portrait_companyLable_list">
					<ul>
						{if $customer["tags"]}
						{foreach $customer["tags"] as $tags}
						<li>
							{$tags}
						</li>
						{/foreach}
						{else}
							<li>
								暂无
							</li>
						{/if}
					</ul>
				</div>
			</div>
		</div>
		
		<!-- 动态 -->
		<div class="portrait_track_container">
			<ul class="portrait_trackNav_container">
				<li class="portrait_trackNav_active">
					动态
				</li>
			</ul>
			<div class="portrait_track_content">
				<ul class="portrait_track_List">
				{foreach $dynamics as $k=>$dynamic}
					{if $dynamic['type'] == 1}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
										<span>添加好友</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<img src="{$customer['avatar']}">
										<span>{$customer['name']} 添加了</span>
										<img src="{$dynamic['staff']['avatar']}">
										<span>{$dynamic['staff']['name']} 为好友</span>
									</div>
								</div>
							</div>
						</li>
					{elseif $dynamic['type'] == 2}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
										<span>删除好友</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<img src="{$dynamic['staff']['avatar']}">
										<span>{$dynamic['staff']['name']} 把</span>
										<img src="{$customer['avatar']}">
										<span>{$customer['name']} 从好友中删除了</span>
									</div>
								</div>
							</div>
						</li>
					{elseif $dynamic['type'] == 3}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
										<span>客户流失</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<img src="{$customer['avatar']}">
										<span>{$customer['name']} 把</span>
										<img src="{$dynamic['staff']['avatar']}">
										<span>{$dynamic['staff']['name']} 从好友中删除了</span>
									</div>
								</div>
							</div>
						</li>
					{elseif $dynamic['type'] == 4}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
										<span>加入群聊</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<img src="{$customer['avatar']}">
										<span>{$customer['name']} 加入群聊</span>
										<span>【{$dynamic["group_name"]}】</span>
									</div>
								</div>
							</div>
						</li>
					{elseif $dynamic['type'] == 5}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
											<span>点击雷达记录</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<img src="{$customer['avatar']}">
										<span>{$customer['name']} 点击了标题是【{$dynamic["radar"]}】的雷达</span>
										<!-- <p>【】</p> -->
									</div>
								</div>
							</div>
						</li>
					{elseif $dynamic['type'] == 6}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
											<span>点击朋友圈记录</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<img src="{$customer['avatar']}">
										<span>{$customer['name']} 点击了 ceshi 的朋友圈</span>
										<!-- <p>【】</p> -->
									</div>
								</div>
							</div>
						</li>
					{elseif $dynamic['type'] == 7}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
											<span>跟进记录</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<img src="{$dynamic['staff']['avatar']}">
										<span>{$dynamic['staff']['name']} 添加【{$dynamic['content']}】</span>
										<!-- <p>【】</p> -->
									</div>
									{if $dynamic['content_sup']}
									<div class="">
										{foreach json_decode($dynamic['content_sup'],1)  as $content_sup_key => $content_sup}
											{if $content_sup_key == 'image'}
    											{foreach $content_sup as $img}
    											    <img src="{$img}" class="layui-upload-img-body" data-img="{$img}"  onclick="url(this)">
    											{/foreach}
											{/if}
										{/foreach}
									</div>
									{/if}
								</div>
							</div>
						</li>
					{elseif $dynamic['type'] == 8}
						<li>
							<div class="portrait_trackListDate_container">
								<p>{$dynamic['ctime']}</p>
								<div class="portrait_trackListDate_right_container">
									
								</div>
							</div>
							<div class="portrait_trackListTime_container">
								<p>{$dynamic['create_time']}</p>
								<div class="portrait_trackListTime_right_container">
									<div class="portrait_trackListTime_rightTop_container">
										<svg t="1597678326497" fill="#b5b9c2" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1169" width="18" height="18"><path d="M301.4 643.5L98 440.2v-0.1l54.1-54.1c16.5-16.5 41.2-21.4 62.7-12.5l136.9 56.7h0.1L616 226.5v-0.1l-70.7-70.7v-0.1l40.6-40.6c22.5-22.5 58.9-22.5 81.4 0l40.6 40.6 0.2-0.2 162.6 162.7-0.2 0.2 40.6 40.6c22.5 22.5 22.5 58.9 0 81.4l-40.6 40.6h-0.1l-70.8-70.7h-0.1L595.8 674.3v0.1l56.7 137c8.9 21.5 4 46.2-12.5 62.7l-54.1 54.1h-0.1L382.7 724.9h-0.1l-203 203H98.2v-81.3l203.1-203.1h0.1z" p-id="1170"></path></svg>
											<span>待办事项</span>
									</div>
									<div class="portrait_trackListTime_rightbottom_container">
										<span>【2022-02-03】 发送提醒 【{$dynamic['content']}】</span>
										<!-- <p>【】</p> -->
									</div>
								</div>
							</div>
						</li>
					{/if}
				{/foreach}
				</ul>
			</div>
		</div>
	</div>
	
	<!-- 底部导航 -->
	<!--<div class="footer_nav_container">-->
	<!--  <ul class="footer_nav_content">-->
	<!--    <li>-->
	<!--      <a href="javascript:;" class="open-popup" data-target="#addTo-do">-->
	<!--       <svg t="1611133154960" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2737" width="68" height="68"><path d="M707.1 505.7H547.9V249.8c0-1.1-0.9-2-2-2h-60.5c-1.1 0-2 0.9-2 2v318.3c0 1.1 0.9 2 2 2H707c1.1 0 2-0.9 2-2v-60.5c0.1-1-0.8-1.9-1.9-1.9z" fill="#5a5a5a" p-id="2738"></path><path d="M804.2 835.5C882.4 759.3 931 653 931 535.5c0-95-31.8-182.7-85.3-253.1 23.6-24 36.9-56.1 36.9-90.3 0-71.1-57.8-128.9-128.9-128.9-50.4 0-94.9 28.8-116 72.6-39.7-12.5-81.9-19.3-125.7-19.3s-86 6.8-125.7 19.3c-21.1-43.5-65.6-72.6-116-72.6-71.1 0-128.9 57.8-128.9 128.9 0 34.3 13.6 66.6 36.9 90.3C124.8 352.7 93 440.5 93 535.5c0 110.5 43 211.1 113.1 286.1l-93.2 93.2c-0.8 0.8-0.8 2.1 0 2.8l42.8 42.8c0.8 0.8 2.1 0.8 2.8 0l95.2-95.2c71.2 55.9 161 89.3 258.3 89.3 90.3 0 174-28.7 242.5-77.5l83.3 83.3c0.8 0.8 2.1 0.8 2.8 0l42.8-42.8c0.8-0.8 0.8-2.1 0-2.8l-79.2-79.2z m-50.5-707.9c35.5 0 64.5 28.9 64.5 64.5 0 15.6-5.6 30.3-15.5 41.9-30.8-29.7-66.2-54.8-104.9-74 11.2-19.7 32.3-32.4 55.9-32.4z m-483.4 0c23.7 0 44.7 12.8 55.9 32.3-38.7 19.2-74.1 44.3-104.9 74-9.8-11.5-15.5-26.3-15.5-41.9 0-35.5 28.9-64.4 64.5-64.4zM157.5 535.5C157.5 340 316.5 181 512 181s354.5 159 354.5 354.5S707.5 890 512 890 157.5 730.9 157.5 535.5z" fill="#5a5a5a" p-id="2739"></path></svg>-->
	<!--        <span>添加待办</span>-->
	<!--      </a>-->
	<!--    </li>-->
	<!--    <li>-->
	<!--      <a href="javascript:;" class="open-popup" data-target="#addFollow">-->
	<!--        <svg t="1611133231130" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3863" width="68" height="68"><path d="M947.2 422.4l-12.8-212.8c-3.2-64-56-116.8-120-120L601.6 76.8c-36.8-1.6-72 11.2-97.6 36.8L113.6 502.4c-49.6 51.2-49.6 131.2 0 180.8l225.6 225.6c49.6 49.6 131.2 49.6 180.8 0L908.8 520c27.2-25.6 41.6-60.8 38.4-97.6z m-81.6 52.8L475.2 865.6c-25.6 25.6-65.6 25.6-91.2 0L158.4 638.4c-25.6-25.6-25.6-65.6 0-91.2l390.4-388.8c12.8-12.8 30.4-19.2 49.6-19.2L812.8 152c32 1.6 57.6 27.2 60.8 60.8l12.8 212.8c-1.6 19.2-8 36.8-20.8 49.6z" p-id="3864" fill="#5a5a5a"></path><path d="M550.4 292.8c-49.6 49.6-49.6 131.2 0 180.8s131.2 49.6 180.8 0 49.6-131.2 0-180.8-131.2-49.6-180.8 0z m134.4 136c-25.6 25.6-65.6 25.6-91.2 0-25.6-25.6-25.6-65.6 0-91.2 25.6-25.6 65.6-25.6 91.2 0 25.6 25.6 25.6 65.6 0 91.2z" p-id="3865" fill="#5a5a5a"></path></svg>-->
	<!--        <span>添加跟进</span>-->
	<!--      </a>-->
	<!--    </li>-->
	<!--    <li>-->
	<!--      <a href="javascript:;" class="open-popup" data-target="#transferCustomer">-->
	<!--        <svg t="1611133643084" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9044" width="68" height="68"><path d="M523.869091 538.810182H286.673455a98.536727 98.536727 0 0 0-98.443637 98.490182v305.291636a34.909091 34.909091 0 0 1-69.818182 0v-305.291636a168.494545 168.494545 0 0 1 168.261819-168.308364h237.195636a168.494545 168.494545 0 0 1 168.261818 168.308364 34.909091 34.909091 0 0 1-69.818182 0 98.536727 98.536727 0 0 0-98.443636-98.490182zM225.885091 225.931636C225.885091 127.022545 306.362182 46.545455 405.271273 46.545455s179.386182 80.477091 179.386182 179.386181c0 98.955636-80.477091 179.432727-179.386182 179.432728S225.885091 324.887273 225.885091 225.931636z m69.818182 0c0 60.462545 49.152 109.614545 109.568 109.614546s109.568-49.198545 109.568-109.614546S465.687273 116.363636 405.271273 116.363636 295.703273 165.515636 295.703273 225.931636zM905.588364 776.378182a34.769455 34.769455 0 0 0-10.24-24.669091l-130.978909-130.932364a34.955636 34.955636 0 0 0-49.384728 49.384728l71.354182 71.307636h-183.668364a34.909091 34.909091 0 0 0 0 69.818182h183.71491l-71.400728 71.400727a34.909091 34.909091 0 0 0 49.338182 49.384727l130.978909-130.978909a34.909091 34.909091 0 0 0 10.286546-24.715636z" p-id="9045" fill="#5a5a5a"></path></svg>-->
	<!--        <span>转接客户</span>-->
	<!--      </a>-->
	<!--    </li>-->
	<!--  </ul>-->
	<!--</div>-->
	<div id="addTo-do" class="weui-popup__container popup-bottom">
		<div class="weui-popup__overlay"></div>
		<div class="weui-popup__modal">
			<div class="publicPopup_container">
				<div class="publicPopup_title_container">
					<h3>添加待办</h3>
				</div>
				<div class="publicPopup_main_container">
					<div class="publicPopup_main_content">
						<div class="publicPopup_mainTextarea_container">
							<textarea name="backlogContent" id="backlogContent" placeholder="请输入要添加的待办事项，添加成功后将会在设定好的时间提醒你哦~"></textarea>
						</div>
						<div class="publicPopup_mainTime_container">
							<input type="text" id='backlogTime'  name="backlogTime" placeholder="点击选择时间" />
						</div>
					</div>
				</div>
				<div class="publicPopup_submit_container">
					<button id="saveAddTo-do">保存</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 添加跟进 -->
	<div id="addFollow" class="weui-popup__container popup-bottom">
		<div class="weui-popup__overlay"></div>
		<div class="weui-popup__modal">
			<div class="publicPopup_container">
				<div class="publicPopup_title_container">
					<h3>添加跟进</h3>
				</div>
				<div class="publicPopup_tabs_container">
					<ul class="publicPopup_tabs_content">
						<li class="publicPopup_tabsActive" data-type="1">跟进记录</li>
						<li data-type="2">模板记录</li>
					</ul>
				</div>
				<div class="publicPopup_main_container" style="padding: 5px 20px 20px 20px;">
					<div class="publicPopup_main_content">
						<div class="popupAddFollow_container" style="display: none;">
							<div class="popupAddFollow_Title_container">
								<span>选择事件</span>
								<b id="newEvent">+新建</b>
								<div class="popupAddFollow_Title_content" style="display: none;">
									<input type="text" name="" placeholder="输入记录名称">
									<span id="confirmNewEvent">确定</span>
									<span id="cancelNewEvent">取消</span>
								</div>
							</div>
							<div class="popupAddFollow_Title_container">
								<span>备注：</span>
							</div>
						</div>
						
						<div class="publicPopup_mainTextarea_container">
							<textarea name="contentEvent" id="contentEvent"  placeholder="请输入要添加的跟进信息吧，添加成功后将出现在客户动态列表里~"></textarea>
						</div>
						<!-- 上传图片 -->
						<div class="public_upLoadImg_container">
						  <ul class="public_upLoadImg_content" id="public_upLoadImg_content">
						    <li class="upload-file">
						      <input type="file" id="file" name='dynamic_img' accept="image/*" multiple onchange="imgChange()"/>
						    </li>
						  </ul>
						</div>
						<div id="dynamic_img">
							
						</div>
					</div>
				</div>
				<div class="publicPopup_submit_container">
					<button id="saveAddFollow">保存</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 图片浮动层 -->
	<div class="fixed_picture_container">
		<div class="fixed_picture_content">
			<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/354de9fe1f91e77b7e65a51d979fbde5.png" id="fixed-picture">
		</div>
	</div>
	<!-- 转接客户 -->
	<div id="transferCustomer" class="weui-popup__container popup-bottom">
		<div class="weui-popup__overlay"></div>
		<div class="weui-popup__modal">
			<div class="publicPopup_container">
				<div class="publicPopup_title_container">
					<h3>转接客户</h3>
				</div>
				<div class="publicPopup_main_container">
					<div class="publicPopup_main_content">
						<div class="popupAddFollow_Title_container">
							<span>选择员工：</span>
						</div>
						<div class="publicPopup_mainTime_container">
							<input type="hidden" name="selectUser" id="selectUser">
							<input type="text" name="selectPeople" id='selectPeople' value="" placeholder="点击选择员工" style="background: url(http://weidogstest.oss-cn-beijing.aliyuncs.com/7f6142adb369c00b3c0518d8a16e3d13.png)no-repeat center right !important;" />
						</div>
					</div>
				</div>
				<div class="publicPopup_submit_container">
					<button id="saveTransferCustomer">保存</button>
				</div>
			</div>
		</div>
	</div>
	<script src="/static/wework/h5/js/jquery.min.10.js"></script>
	<script src="/static/wework/h5/js/jquery-weui.min.js"></script>
	<script src="/static/wework/h5/layui/layui.js"></script>
	<script src="/static/wework/h5/js/ajax.js"></script>
	<!-- 底部菜单适配 -->
	<script type="text/javascript">
		window.onload=function(){
			var u = navigator.userAgent;
			    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {
			        //安卓手机
			    } else if (u.indexOf('iPhone') > -1) {
			        //苹果手机
			        $(".portrait_page_container").css('height','calc(100% - 108px)');
			        $(".footer_nav_container").css('padding-bottom','50px');
			        $(".publicPopup_container").css('padding-bottom','50px');
			        $(".weui-picker-modal").css('padding-bottom','50px');
			    }
		}
	</script>
	<!-- jquery weui 文档地址https://jqweui.cn/extends#select --> 
	<!-- 弹窗部分的js 用的jquery weui --> 
	<script>
		$("#SelectCustomer").select({
		  title: "选择阶段",
		  items: $('#SelectCustomer').data("content"),
		  onClose:function(data){
		  	var datas_item= $('#SelectCustomer').val();
		  	var id = $('#SelectCustomer').data("id");
		  	var content = $('#SelectCustomer').data("content");
		  	var contentId = $('#SelectCustomer').data("arrid");
		  	var name = $('#SelectCustomer').data("name");
		  	let larel_name1 = "";
		  	$.each(content,function(idx){
		  	    if(content[idx] == datas_item){
		  	         larel_name1 = contentId[idx]
		  	    }
		  	});
		  	myAjaxPost(false, true, 'upload_user.html', { larel_name:larel_name1,input:name,id:id}, function (resp) {
		    	if(resp.status == "success"){
		    		tusi(resp.msg);
		    	}else{
		    		tusi(resp.msg);
		    	}
		    })
		  }
		});
		

		$(".SelectPicker").each(function(index,item) {
			var datas_item= $(this).val();
			var external_userid = $(this).data('external_userid');
			var staff_id = $(this).data('staff_id');
			var wid = $(this).data('wid');
			var id = $(this).data('id');
		 	$(this).select({
			    title: "请点击选择",
			    items: $(this).data("content"),
			    onChange:function(data){
			    	var content = data.titles;
			    	if(content != datas_item && content){
			    		datas_item = data.titles;
			    		myAjaxPost(false, true, 'upd_user_fields.html', { id:id,external_userid:external_userid,wid,wid,content:content,staff_id:staff_id}, function (resp) {
							layer.alert(resp.msg, {icon: 6});
						})
			    	}
			    }
		  	});
		});
		
		// 初始化弹窗添加代办中的 时间控件
		$("#backlogTime").datetimePicker();
		// 点击添加待办保存按钮
		$('#saveAddTo-do').click(function(){
			let backlogContent = $("#backlogContent").val();
			if(!backlogContent){
				$.toast("请填写代办内容",'cancel');
				return;
			}
			let backlogTime = $("#backlogTime").val();
			if(!backlogTime){
				$.toast("请选择时间",'cancel');
				return;
			}
			myAjaxPost(false, true, 'add_dynamic_record.html', !{type:1,et_id:"{$customer['id']}",content:backlogContent,backlogTime:backlogTime}, function (resp) {
				if(resp.status == 'success'){
					$.toast(resp.msg);
					setTimeout(function(){
		               	location.reload();
		            },100);
				}else{
					$.toast(resp.msg,'cancel');
				}
			})
			// $.closePopup();
		});
		// 点击添加跟进里的保存
		$('#saveAddFollow').click(function(){
			let type = $(".publicPopup_tabsActive").data('type');
			let eventId = $("#eventId").val();
			if(type == 2 && !eventId){
				$.toast('请选择事件',"cancel");
				return;
			}
			let contentEvent = $("#contentEvent").val();
			if(!contentEvent){
				$.toast('请填写跟进内容',"cancel");
				return;
			}
			let dynamic_img=[];
			$("input[name='dynamic_img[]']").each(function(i,e){
				dynamic_img.push($(this).val());
			});
			myAjaxPost(false, true, 'add_dynamic_record.html', !{type:2,et_id:{$customer["id"]},content:contentEvent,eventId:eventId,dynamic_img:dynamic_img}, function (resp) {
				if(resp.status == 'success'){
					$.toast(resp.msg);
					setTimeout(function(){
		               	location.reload();
		            },100);
				}else{
					$.toast(resp.msg,'cancel');
				}
			})
			// $.closePopup();
		})
		// 点击转接客户的保存
		$('#saveTransferCustomer').click(function(){
			let selectUser = $("#selectUser").val();
			console.log(selectUser);
			myAjaxPost(false, true, 'et_transfer.html', !{et_id:{$customer["id"]},selectUser:selectUser}, function (resp) {
				// console.log(resp);
				if(resp.status == 'success'){
					$.toast(resp.msg);
					setTimeout(function(){
		               	location.reload();
		            },100);
				}else{
					$.toast(resp.msg,'cancel');
				}
			})
			// $.closePopup();
		})
		// 添加跟进
		// 切换顶部
		$('.publicPopup_tabs_content li').click(function(e){
			// console.log(e.currentTarget.dataset.type);
			$('.publicPopup_tabs_content li').removeClass('publicPopup_tabsActive');
			$(this).addClass('publicPopup_tabsActive');
			if(e.currentTarget.dataset.type == 1){
				$('.popupAddFollow_container').hide();
				$('.public_upLoadImg_container').show();
			}else if(e.currentTarget.dataset.type == 2){
				$('.popupAddFollow_container').show();
				$('.public_upLoadImg_container').hide();
			}
		})
		// 点击新建
		$('#newEvent').click(function(){
			$(this).hide();
			$('.popupAddFollow_Title_content').css("display","flex");
		})
		// 点击取消
		$('#cancelNewEvent').click(function(){
			$('.popupAddFollow_Title_content').hide();
			$('#newEvent').show();
		})
		// 点击确定
		$('#confirmNewEvent').click(function(){
			let optionText = $(this).prev().val();
			let _this = $(this);
			if(optionText == ""){
				$.toast("不能为空", "cancel");
				return
			}
			myAjaxPost(false, true, 'add_template_even.html', !{type:1,event:optionText,wid:{$customer["wid"]}}, function (resp) {
				if(resp.status == 'success'){
					$('.popupAddFollow_selectEvent_container select').append("<option value='"+resp.data.id+"'>"+optionText+"</option>");
					_this.prev().val('');
					$('.popupAddFollow_Title_content').hide();
					$('#newEvent').show();
					$.toast(resp.msg);
				}else{
					$.toast(resp.msg);
				}
			})
		})
		// 显示隐藏评分
		$("#addScorePublicTitle").click(function(){
			$(this).hide();
			$('.popupAddFollow_addScoreHide_container').show();
		})
		$("#cancelScorePublicTitle").click(function(){
			$('.popupAddFollow_addScoreHideMain_container input').val('');
			$('.popupAddFollow_addScoreHide_container').hide();
			$('#addScorePublicTitle').show();
		})
		// 选择员工
		$("#selectPeople").select({
		  title: "选择员工",
		  items: {},
		  onClose:function(e){
		  	// console.log(e.data.values);
		  	$("#selectUser").val(e.data.values);
			}
		});
	</script>
	<script type="text/javascript">
		// 修改信息
		$('.portrait_headerDetailEdit_content').click(function(e){
			let t = this;
			var name = $(t).data('name');
			var id = $(t).data('id');
			var inp = $(t).data('inp');
			var classa = $(t).data('classa');
			if(classa == "手机号"){
				var one = classa + "如果是多个手机号，请以英文逗号隔开";
			}else if(classa){
				var one = classa;
			}else{
				var one = name;
			}
			$.prompt({
				title: '提示',
				text: '请输入' + one,
				input: inp,
			  empty: false, // 是否允许为空
			  onOK: function (input) {
			    //点击确认
			    myAjaxPost(false, true, 'upload_user.html', { one:one,name:name,input:input,id:id}, function (resp) {
			    	if(resp.status == "success"){
			    		tusi(resp.msg);
			    		$(t).find('b').text(resp.data);
			    		$(t).data('inp',resp.data);
			    	}else{
			    		tusi(resp.msg);
			    	}
			    })
			},
			onCancel: function () {
			    //点击取消
			}
		});
		})
		$(document).on("change","[name='names']",function(){
			var larel_name = $('#larel_name').val();
			var id = $('.portrait_headerDetailEdit_contents').data('id');
			var input = $('.portrait_headerDetailEdit_contents').data('name');
			myAjaxPost(false, true, 'upload_user.html', { larel_name:larel_name,input:input,id:id}, function (resp) {
		    	if(resp.status == "success"){
		    		tusi(resp.msg);
		    	}else{
		    		tusi(resp.msg);
		    	}
		    })
		})
		// 企业标签弹窗
		$("#companyLable").select({
			title: "选择标签",
			multi: true,
			items: [
			{
				title: "标签1",
				value: 1
			},
			{
				title: "标签2",
				value: 2
			},
			{
				title: "标签3",
				value: 3
			},
			{
				title: "标签4",
				value: 4
			},
			],
			onClose:function(e){
				console.log(e);
			},
		});
		// 个人标签弹窗
		$("#personalLable").select({
			title: "选择标签",
			multi: true,
			items: [
			{
				title: "标签1",
				value: 1
			},
			{
				title: "标签2",
				value: 2
			},
			{
				title: "标签3",
				value: 3
			},
			{
				title: "标签4",
				value: 4
			},
			],
			onClose:function(e){
				console.log(e);
			}
		});
		// screen
		// 个人标签弹窗
		$("#ScreenConditions").select({
			title: "筛选条件",
			items: [
			{
				title: "全部",
				value: 1
			},
			{
				title: "修改信息",
				value: 2
			},
			{
				title: "客户动态",
				value: 2
			},
			],
			onClose:function(e){
				console.log(e);
			}
		});
	</script>

	<script type="text/javascript"> 
		$(".text_upd").on("click",function(){
			let t = this;
			var external_userid = $(t).data('external_userid');
			var staff_id = $(t).data('staff_id');
			var wid = $(t).data('wid');
			var id = $(t).data('id');
			var vals = $(t).data('vals');
			$.prompt({
				title: '提示',
				text: '请输入本阶段的注释',
				input: vals,
				empty: false, // 是否允许为空
				onOK: function (input) {
					console.log(input);
				    myAjaxPost(false, true, 'upd_user_fields.html', { id:id,external_userid:external_userid,wid,wid,content:input,staff_id:staff_id}, function (resp) {
				        $(t).text(input);
			    		$(t).data('vals',input);
				    	layer.alert(resp.msg, {icon: 6});
				    })
				},
				onCancel: function () {
				    //点击取消
				}
			});
		})
	</script>
	<script type="text/javascript">
		let picmax = 8; //限制上传数量 
		function imgChange() {
			var img_number = $('.public_upLoadImg').length;
			if(img_number > picmax){
				alert('最多上传9张');
				return;
			}
			var formData = new FormData();
			 formData.append("img",$("#file")[0].files[0]);
			 $.ajax({
				url: "/Addons/Upload/Admin/UploadImage/upload_library_img.html",
				type: "post",
				data: formData,
				processData: false,
				contentType: false,
				success:function(resp){
					$("#file").val('');
					if(resp.status == 'success'){
						initImgList(resp.data);						
					}else{
						tusi(resp.msg)
					}
				}
			 })
		}

		function initImgList(dynamic_img_url){
			var dynamic_img_show = $('#public_upLoadImg_content');
			var time = new Date().getTime();
			var html = '';
				html += '<li class="public_upLoadImg" data-id="'+time+'">';
				html += '<img src="'+dynamic_img_url+'">';
				html += '<img class="closeThisImg" src="http://weidogstest.oss-cn-beijing.aliyuncs.com/40c6bf0b40ac88aba1e212cb3be684d4.png">';
				html += '</li>';
				dynamic_img_show.append(html);
			var dynamic_img = $('#dynamic_img');
			var inputHtml = '';
			    inputHtml = '<input type="hidden" id="'+time+'" name="dynamic_img[]" value="'+dynamic_img_url+'">';
			    dynamic_img.append(inputHtml);
		}

		$( "body" ).on( "click",".closeThisImg", function() {
		  let input_id = $(this).parent().data('id');
		  $("#"+input_id).remove();
		  $(this).parent().remove();
		});
	</script>
	<!-- 放大图片 -->
	<script type="text/javascript">
		function url(th){
			$('#fixed-picture').attr('src',$(th).data("img"));
			$('.fixed_picture_container').css('display','flex');
		}
		$('.fixed_picture_container').click(function(){
			$(this).css('display','none')
		})
	</script>
</body>
</html> 